<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>
<body class="myid">
    <!-- 用户名 -->
    <div class="vip">
        <img src="./img/cat.jpg" alt="">
        <span>用户名</span>
        <div class="huiyuan">vip</div>
        <p>个性签名:xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
    </div>
    <!-- 运动数据 -->
    <div class="sport dpflex">
        <div class="sportnum flex1 pd10">
            <div class="qianj">></div>
            <span class="iconfont icon-shuju1 shuju ml12"></span>
            <span>运动数据</span>
            <div class="fll">
                <p class="ml12 mt16">总运动</p>
                <p class="ml12 mt16 time">99999 <span class="fenzhon">分钟</span></p>
            </div>
        </div>
        <div class="flex1 pd10">
            <p class="ml12 mt45">本周消耗</p>
            <p class="ml12 mt16 time">99999 <span class="fenzhon">千卡</span></p>
        </div>
    </div>
    <!-- 徽章部分 -->
    <div class="huizhang pd10">
        <div class="qian1">></div>
        <span class="iconfont icon-huizhanghuiyuan shuju ml12"></span>
        <span>运动数据</span>
        <div class="yuan3 dpflex pd10">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <!-- 退出登录 -->
    <div class="tuichu">
        退出登录
    </div>
    <!-- 尾部 -->
    <div class="footer" id="footer"></div>
</body>
</html>